<template>
  <router-view />
</template>

<script setup>
import useSettingsStore from "@/store/modules/settings";
import { handleThemeStyle } from "@/utils/theme";

onMounted(() => {
  nextTick(() => {
    // 初始化主题样式
    handleThemeStyle(useSettingsStore().theme);
  });
});
</script>

<style lang="scss">
.red {
  color: rgb(220 38 38);
  font-size: 20px;
  font-weight: 700;
}
h3,
h4,
p {
  margin: 0;
}
html {
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
    "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.el-dialog__body {
  padding-top: 0 !important;
  padding-bottom: 10px !important;
}

.row-container {
  margin-bottom: 10px;
}
span {
  cursor: pointer;
}
ul {
  list-style: none;
  margin: 0;
  padding: 0;
  li {
    cursor: pointer;
  }
}
.el-col-5 {
  width: 20%;
  max-width: 20%;
  flex: 0 0 20%;
}
</style>
